@charset "utf-8";
/* CSS Document */
.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.wrapper{margin-left:160px;margin-right:160px;;}
.container {padding:60px 30px 90px;margin-right: auto;margin-left: auto;}

@media screen and (max-width:1600px) {
.main {margin-left: 90px;margin-right: 90px;}
.skinw{margin-left: 90px;margin-right: 90px;}
.wrapper{margin-left: 90px;margin-right: 90px;}
}
@media screen and (max-width:1366px){
.main{margin-left: 70px;margin-right: 70px;}
.skinw{margin-left: 70px;margin-right: 70px;}
.wrapper{margin-left: 70px;margin-right: 70px;}
}
@media screen and (max-width:1200px){
.main{margin-left: 50px;margin-right:50px;}
.skinw{margin-left: 50px;margin-right:50px;}
.wrapper{margin-left: 50px;margin-right:50px;}
}
@media screen and (max-width:1024px){
.main{margin-left: 30px;margin-right: 30px;}
.skinw{margin-left: 30px;margin-right: 30px;}
.wrapper{margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:767px){
.main{margin-left: 15px;margin-right: 15px;}
.skinw{margin-left: 15px;margin-right: 15px;}
.wrapper{margin-left: 15px;margin-right: 15px;}
}


header{width: 100%;height: 110px;position: fixed;top: 0;transition: 0.5s;z-index: 100;background:#FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px rgba(0,0,0,0.4);}
header .main{height: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{display: flex;}
.Navlist{margin: 0 auto;display: flex;justify-content: center;}
.Navlist > ul > li{display:inline-block;line-height:110px;margin:0 30px;font-size: 16px;position: relative;}
.Navlist > ul > li > a{text-transform: uppercase;color:#333;}
.Navlist > ul > li .subnav{width: 180px; position: absolute;left: 50%;transform: translateX(-50%);display: none;}
.Navlist > ul > li:hover .subnav{display: block;box-shadow:0 10px 25px 2px rgba(0, 0, 0, 0.05);}
.Navlist .subnav ul{width:auto;border-top:2px solid #b31016;}
.Navlist .subnav ul li{display:block;line-height:22px;padding:10px 20px;margin:0;border-bottom:1px solid #d86769;text-align: center;background:#d61518;}
.Navlist .subnav ul li:last-child{border-bottom:0;}
.Navlist .subnav ul li a{color:#fff;font-size: 14px;}
.Navlist .subnav ul li:hover{background:#333333;transition: all 0.5s;}
.Navlist > ul > li > a.current,
.Navlist > ul > li > a:hover{color: #cc2727;}


.language{display: flex;padding:36px 0;margin-right:10px;align-items:center;font-size:16px;font-family:Arial;padding-left: 32px;background: url(../images/icon-Hlang.png)no-repeat left center;}
.language a{color:#222;position: relative;}
.language span{font-size:12px;padding:0 10px;color:#9c9c9c;}
.language a:hover{color:#e60013;font-weight: bold;}
.language a::before{position: absolute;content:'';width:0%;left:0;bottom:-2px;border-bottom:2px solid #e60013;transition:0.5s;}
.language a:hover::before{width:100%;position:absolute;content:'';left:0;bottom:-2px;border-bottom:2px solid #e60013;}
.language .active {color:#e60013;font-weight:bold;}

.sousuo{display:flex;width:36px;margin-left:10px;margin-right:10px;overflow:hidden;}   
.sousuo .iconfont{display:block;width:36px;height:36px;}
.icon-search {background:url(../images/search-btn.png)no-repeat center;}
.icon-guanbi {background:url(../images/searchgb-btn.png)no-repeat center;}
/*搜索*/
.searchbox {width:100%;top:110px;text-align:center;z-index:44;position:fixed;}
.displaynone {display: none;}
.searchbox .main{padding: 80px 15px;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-top: 1px solid #cfcfcf;}
.searchs {width: 90%;margin:0 auto;position: relative;}
.searchs .sertext {border-radius:3px;display: block;padding: 0;outline: 0;padding-left: 20px;width: 100%;float: left;color: #a2a2a2;font-size: 15px;height: 66px;line-height: 66px;transition: 0.4s;box-sizing: border-box;background: #efefef;}
.serbtn {position: absolute;width:60px;height: 63px;top:1px;right:1px;box-sizing: border-box;background: url(../images/search-icon.svg) no-repeat 15px center;cursor: pointer;border-radius:3px;}


@media screen and (max-width:1600px) {
.Navlist > ul > li{margin: 0 26px;}
}
@media screen and (max-width:1400px) {
.Navlist > ul > li{margin: 0 20px;}
}
@media screen and (max-width:1280px) {
.logo{width:180px;}
.Navlist > ul > li{margin: 0 15px;}
}
@media screen and (max-width:1099px) {
.Navlist > ul > li{margin:0 8px;}
}

/*------------手机站导航开始----------*/
.m_Navbar { display: none }
@media only screen and (max-width:1024px){
header{ display:none }
.m_Navbar {display:block;}
.m-language{display: flex;height:22px;line-height:22px;font-size:18px;font-family:Arial;position:absolute;right:80px;top:18px;z-index:100;padding-left:30px;background: url(../images/icon-Hlang.png)no-repeat left center;justify-content: space-between;align-items: center;}
.m-language a{color:#222;}
.m-language a:hover {text-decoration:underline;}
.m-language .active {color:#e60013;}
.m-language span{font-size:12px;padding: 0 6px;color:#9c9c9c;}
}
@media only screen and (max-width:1024px) {
.sp_header {height:60px; overflow: hidden; background: #fff; position: fixed; z-index: 10; width: 100%; top:0;}
.sp_logo {padding-top: 5px;padding-left: 10px;float: left;height: 50px;}
.sp_logo img {margin: auto;max-height:50px;}
.sp_nav { width: 50px; float: right; position: relative; cursor: pointer; height: 30px; margin-top: 15px }
.sp_nav span {display:block;background:#cc2727;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: 10px }
.sp_nav span:nth-of-type(3) { top: 20px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9; background: #eee; width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show {top:60px }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav ul li i {position: absolute;top: 5px;right: 0px;border-left: 1px #ddd solid;height: 30px;padding: 0px 7px 0 7px;}
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px }
.sjj_nav>ul >li:last-child { border-bottom: 1px #ddd solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #666; width: 80% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg {width: 20px;height: 20px;fill: #cc2727;}
.sjj_nav ul li .sjj_nav_i_se svg { fill: #cc2727 }
.sjj_nav ul li ul li>ul { margin-left: 10px }
}




/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top: 110px;}
.swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}
.swiper-button-next, .swiper-button-prev{display:none;}

@media only screen and (max-width:1024px){
.banner{padding-top: 60px;}
}



/*FOOTER*/
footer{width:100%;height:auto;background:url(../images/footbg.jpg)no-repeat center center;background-size:cover;overflow:hidden;}
.ft_contain{padding-top:80px;padding-bottom: 60px; overflow: hidden;}
.ft_nav{width:75%;float: right;overflow: hidden;padding-left: 100px;}
.ft_nav_li{width:16.66%;height: auto;float: left;overflow: hidden;padding-left: 50px;}
.ft_nav_li h5{font-size: 18px;margin-bottom: 30px;font-weight:normal;}
.ft_nav_li h5 a{color: #fff;}
.ft_nav_li li{margin-bottom: 10px;font-size: 15px;}
.ft_nav_li li a{color: #ffffff;opacity: 0.8;}
.ft_nav_li li:hover a{text-decoration: underline;color: #ed1c24;opacity:1;}

.ft_contact{width:25%;float: left;overflow: hidden;/* padding-right: 30px; */box-sizing: border-box;}
.ft_logo{width:100%;height: auto;overflow: hidden;}
.ft_logo img{display: block;/* margin: auto; */}

.ft_contact .follow_tel{display:block;margin:30px 0px;overflow: hidden;}
.ft_contact .follow_tel h3{font-size:16px;color:#FFF;font-weight:normal;margin:0px 0px 10px;}
.ft_contact .follow_tel h4{overflow: hidden;margin-bottom: 20px;}
.ft_contact .follow_tel h4 span{display:block;font-size:30px;line-height:1.2;color:#cc2727;font-weight:bold;font-family:Times New Roman;}
.ft_contact .follow_tel p{font-size:15px;color:#FFF;line-height:1.5;margin-bottom:6px;}

.ft_contact .follow_share{display:flex;padding:25px 0px 25px;position:relative;}
.ft_contact .follow_share:after{content:"";display:block;position:absolute;height:1px;background:rgb(255, 255, 255, 0.1); width:100%;left:0;top:0;}
.ft_contact .follow_share a{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background: #5f5f5f;margin-right:15px;transition:.3s;}
.ft_contact .follow_share a i{display:none;position:absolute;bottom:80px;left:0;max-width:100px;}
.ft_contact .follow_share a:hover i{display:block;}
.ft_contact .follow_share a i img{width: 100px;}
.ft_contact .follow_share a:hover{background:#cc2727;}

.copyright{padding: 30px 0;border-top: 1px solid #777;margin-top: 30px;}
.copyright p{line-height: 26px;color: #808080;font-size:15px;}
.copyright p em{padding:0 3px;width: auto;}
.copyright p a{color: #808080;}
.copyright p a:hover{text-decoration: underline;color: #FFF;transition: 0.5s;}

@media only screen and (max-width:1200px){
.ft_contact{width:30%;}
.ft_contact .follow_tel h4 span{font-size:26px;}
.ft_nav{width:70%;padding-left:50px;}
.ft_nav_li{padding-left:20px;}
}
@media only screen and (max-width:1024px){
.ft_nav{padding-left:20px;}
.ft_nav_li {padding-left:10px;}
}
@media only screen and (max-width:860px){
.ft_contact {width:100%;float:none;}
.ft_nav {display:none;}
}
@media only screen and (max-width:768px){
.ft_logo img{margin: auto;}
.ft_contact .follow_tel{text-align: center;}
.ft_contact .follow_share{display:none;}
}



/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px solid #ccc;}
#Map .MapInfo #MapContainer{ width: 100%; height:520px; }
#Map .MapInfo img{max-width:none!important;}
#Map .MapInfo img{max-width:none!important;}